<div id="draggable-div-24" class="miscBox draggable" style="width: 18rem;" draggable="true" data-type="div"
    data-info="DIV Component">
    <div class="row">
        <div class="col-md-12">
            <div class="nav-wrapper position-relative">
                <ul class="nav nav-pills rounded nav-fill flex-column flex-md-row">
                    <li class="nav-item"><a class="nav-link mb-sm-3 mb-md-0 active" data-bs-toggle="tab"
                            href="#">Home</a></li>
                    <li class="nav-item"><a class="nav-link mb-sm-3 mb-md-0" data-bs-toggle="tab" href="#">Profile</a>
                    </li>
                    <li class="nav-item"><a class="nav-link mb-sm-3 mb-md-0" data-bs-toggle="tab" href="#">Settings</a>
                    </li>
                    <li class="nav-item"><a class="nav-link mb-sm-3 mb-md-0" data-bs-toggle="tab" href="#">Messages</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>